	
<?php include("config.inc.php"); ?>
<?php include("acceder_base_datos.php"); ?>
<?php include("form.class.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?=$tit;?></title>
<link href="fonts/estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	
	var esVacio = /^\s*$/

	function checaF1(){
		var x = document.u1;
		x.b1.disabled = true; 
		
		if ( esVacio.test(x.fe1.value) ){ alert( "Tiene que escribir el nombre completo del usuario." ); x.fe1.focus(); x.b1.disabled = false; return false; }
		if ( esVacio.test(x.fe2.value) ){ alert( "Tiene que escribir el nombre de usuario." ); x.fe2.focus(); x.b1.disabled = false; return false; }
		if ( esVacio.test(x.fe3.value) ){ alert( "Tiene que escribir la contraseña." ); x.fe3.focus(); x.b1.disabled = false; return false; }
		if ( esVacio.test(x.fe4.value) ){ alert( "Tiene que reescribir la contraseña." ); x.fe4.focus(); x.b1.disabled = false; return false; }
		if ( esVacio.test(x.fe6.value) ){ alert( "Tiene que escribir el nivel." ); x.fe6.focus(); x.b1.disabled = false; return false; }
		if ( x.fe3.value.length < 7 )   { alert( "Tiene que poner una contraseña de almenos 7 caracteres" ); x.b1.disabled = false; x.fe3.value=""; x.fe4.value=""; x.fe3.focus(); return false; }
		if ( x.fe3.value != x.fe4.value ){ alert( "Las contraseñas no coinciden intente de nuevo." ); x.fe3.value = ""; x.fe4.value = ""; x.fe3.focus(); x.b1.disabled = false; return false; }
		
		//x.submit();		
                $.post("usuariosadmin.php",{que:"crear",fe1:$("#fe1").val(),fe2:$("#fe2").val(),fe3:$("#fe3").val(),fe6:$("#fe6").val()},function(data){
                    $("#g").empty().append(data); 
                    load();
                });
                    var t = setTimeout( escondeG, 1500 ); 
                   
	}


	function XBw(ly){
		var nw = document.getElementById ? document.getElementById(ly):document.layers? document.layers[ly]: document.all? document.all[ly]:null;
		return nw;	
	}

	function clrS( an, al ){
		var  ok = confirm( "¿Esta seguro que quiere borrar al usuario con el nombre \"" + an + "\"?" );
		var x = document.u1;
		
		if ( ok ){
                $.post("usuariosadmin.php",{que:"borrar",a2:al},function(data){
                    $("#g").empty().append(data);
                    load();
                });
                    var t = setTimeout( escondeG, 1500 );
                    
		}
	}

	function escM( ){
		var y = XBw( "mod" );
		y.style.visibility="hidden";
	}

	var e = new Array( 0, 0, 0, 0, 0, 0, 0, 0 );


	function escondeG(){
		clearTimeout( t );
		var x = XBw( "g" );
		x.style.visibility = "hidden";
	}
        function load(){            
            $.post("usuarioslista.php",{},function(data){
                    $("#tabla1").empty().append(data);
                });
        }
</script>

</head>
    <body onload="load();">
<?php include_once("cabecera.php"); ?>
<form name="u1" action="<?php echo $PHP_SELF; ?>" method="post">
<table align="center">
<tr>
	<td>
		<fieldset>
			<legend style="font-family:Arial, Helvetica, sans-serif; font-weight:bolder;">Nuevo Usuario</legend>
				<blockquote style="font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10pt;">
					Nombre:<br />
					<input type="text" name="fe1" id="fe1" size="50" maxlength="50"/><br /><br />
					Nombre de Usuario:<br />
					<input type="text" name="fe2" id="fe2" size="50" maxlength="50"/><br /><br />
					Nivel:<br />
					<select name="fe6" id="fe6">
					<option value="0">Usuario</option>
					<option value="1">Administrador</option>
					</select><br />
					<br />
					Contraseña:<br />
					<input type="password" name="fe3" id="fe3" size="50" maxlength="50"/><br />
					Confirmar contraseña:<br />
					<input type="password" name="fe4" id="fe4" size="50" maxlength="50"/><br /><br />
					<input type="hidden" name="que" value="crear" />
					<input type="hidden" name="a2" value="" />
					<div align="center"><input type="button" name="b1" value="Agregar Usuario" onClick="checaF1();" /></div>
				</blockquote>
		</fieldset>
	</td>
</tr>
</table>
</form>
<div id="g" style="text-align:center; color:#FF0000; font-size:12pt; font-family:Arial, Helvetica, sans-serif;">

</div>
<hr /><div id="tabla1"></div>